$(function() {
	//左边监听
	$('#content_left .left_content').on('click', function() {
		//清除原来的show
		$('.left_show').removeClass('left_show');
		//设置现在的show
		$(this).addClass("left_show");
		//获取当前的show是第几个
		var num = $("#content_left .left_content").index(this);
		//清除右边的show
		$('.right_show').removeClass('right_show');
		//获取右边的第num个元素
		var rightshow = $("#content_right .right_content").eq(num);
		//show出来
		rightshow.addClass("right_show");
	})

	//手机屏幕下
	if(screen.width < 992) {
		// 要执行的代码

		var i = 1;
		var text = $('#left_title').text();
		var width = $('#left_title').width();
		
		$('#left_title').parent().find('.left_content').css('display', 'none');
		$('#left_title').parent().width($('#left_title').height());
		$('#left_title').text('>>').width($('#left_title').height());
		$('#left_title').on('click', function() {
			if(i == 0) {
				$(this).parent().find('.left_content').css('display', 'none');
				$(this).parent().width($(this).height());
				$(this).text('>>').width($(this).height());
				i = 1;
			} else {
				$(this).parent().find('.left_content').css('display', 'block');
				$(this).parent().width(width);
				$(this).text(text).width(width);
				i = 0;
			}
		})
	}
});